<template>
  <div class="m-4 p-5 bg-white">
    <h3 class="font-bold">自定义裁剪比例</h3>
    <ADivider></ADivider>
    <Cropper :options="props.options"></Cropper>

    <h3 class="mt-10 font-bold">裁剪圆形头像</h3>
    <ADivider></ADivider>
    <Cropper v-bind="props1"></Cropper>
  </div>

</template>

<script lang="ts" setup>
import { default as Cropper } from './src/Cropper.vue'

const props = {
  options: {
    aspectRatio: 2
  }
}

const props1 = {
  width: 150,
  height: 150,
  circled: true
}
</script>